@charset "UTF-8";
@import 'reset';

.web {
    display: flex;
    width: 100vw;
    header {
        position: fixed;
        width: 100%;
        height: 12.5333vw;
        line-height: 12.5333vw;
        text-align: center;
        
        input {
            width: 94.9333vw;
            height: 9.3333vw;
            line-height: 9.3333vw;          
            border: none;
            background-color: #f3f5f7ff;

            &::-webkit-input-placeholder {
                
                text-indent: 3em;
                line-height: 9.3333vw;
                font-size:  3.7333vw;
                color: #71797fff;
            }
        }
    }

    main {
        display: flex;
        flex: 1;
        border-top: 0.2667vw solid #e9ecf0ff;
        margin-top: 12.5333vw;
        .left-content {
            width: 21.3333vw;
            height: 152.5333vw;
            text-align: center;
            border-right: 0.2667vw solid #e9ecf0ff;
            ul{
                li{
                    width: 21.0667vw;
                    height: 10.6667vw;    
                    margin: 5.3333vw 0;
                    line-height: 10.6667vw;
                    &:first-child{
                        border-left: 0.5333vw solid #884e22ff;
                    }
                    &:hover{
                        border-left: 0.5333vw solid #884e22ff;
                    }
                }
            }
        }
        .right-content{
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 78.6667vw;
            height: 152.5333vw;
            img{
                width: 72.5333vw;
                height: 37.0667vw;
                margin: 4vw 0;
            }
            .right-content-list{
                width: 72.5333vw;
                padding: 2.6667vw 0;
                border:0.2667vw solid #e9ecf0ff;
                p{
                    width:100%;
                    height: 9.3333vw;
                    font:normal 600 4.2667vw PingFang SC;
                }
                .right-content-user-list{
                    display: flex;
                    justify-content: space-around;
                    width: 100%;
                    
                    ul{
                        li{
                            width: 14.9333vw;
                            height: 4.5333vw;
                            font: normal 400 3.7333vw PingFang SC;                            ;
                            color: #666;
                            margin: 3.2vw 0;
                        }
                    }
                }
            }
        }
    }
    footer{
        position: fixed;
        bottom: 0;
        .footer-nav {
            display: flex;
            justify-content: space-between;
            background-color: #f5f5f5ff;
            width: 100%;
            height: 13.704vw;
            padding: 0.8vw 19.2vw;
            a {
                text-decoration: none;
                color: #333;
                font: normal 400 3.2vw PingFang SC;
                &:first-child,&:last-child{
                    img{
                        width: 5.8667vw;
                        height: 7.2vw;
                    }
                }
                &:nth-child(2){
                    img{
                        width: 6.9333vw;
                        height: 7.2vw;
                    }
                }
                &:nth-child(3){
                    img{
                        width: 8.8vw;
                        height: 7.2vw;
                    }
                }
            }
        }
    }
}